<template>
  <!-- 左下角音乐 -->
  <div :class="['needEndHide' , siteMusicPlay ? 'playing stretch' : '']" id="nav-music">
    <a id="nav-music-hoverTips" @click="music.musicToggle()" accesskey="m">
      {{ siteMusicPlay ? '音乐已暂停' : '播放音乐' }}
    </a>
    <div id="console-music-bg"></div>
    <meting-js id="5172410111" server="netease" type="playlist" mutex="true" preload="none" theme="var(--heo-main)"
               data-lrctype="0" order="list"></meting-js>
  </div>
</template>

<script setup>
import {computed} from 'vue';
import store from "../../store/index.js";
import musicJS from "../../utils/music/index.js"

const music = computed(() => musicJS);
const siteMusicPlay = computed(() => store.state.page.siteMusicPlay);
</script>

<style scoped>

</style>